// 全局变量（颜色、间距、断点等）
// src/assets/styles/_variables.scss

// 颜色
$primary-color: #face15;
$secondary-color: #161622;
$text-color: #e8e8e9;
$bg-color: #1a1b20;
$border-color: #292825;
// 白色
$white-color: #fff;
// 黑色
$black-color: #000;
// 天空蓝
$sky-blue-color: #00aaff;
// 弹窗背景色
// #161823
$comment-modal-bg-color: #161823;
// #ccc
$comment-modal-border-color: #ccc;
// #f9f9f9
$comment-modal-input-bg-color: #f9f9f9;
// 红色
$red-color: #ff4d4f;



// 渐变
$gradient-color: linear-gradient(90deg, $primary-color 0%, $sky-blue-color 100%);



// 字体
$font-size-base: 14px;
$font-size-small: 12px;
$font-size-large: 16px;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 24px;

// 圆角
$border-radius-sm: 4px;
$border-radius-md: 8px;
$border-radius-lg: 12px;
$border-radius-full: 50%;

// 断点（响应式）
$breakpoint-mobile: 768px;
$breakpoint-tablet: 1024px;